$(function () {
    var form = layui.form;
    var layer = layui.layer
    form.verify({
        nickname: function (value) { //value：表单的值、item：表单的DOM对象
            if (value.length > 6) {
                return '昵称长度必须在 1 ~ 6 个字符之间！';
            }
        }
    })

    initUserInfo()
    // 初始化用户的基本信息
    function initUserInfo() {
        $.ajax({
            url: '/my/userinfo',
            method: 'GET',
            headers: 'Authorization',
            success: function (res) {
                if (res.status !== 0) {
                    layer.msg('获取用户基本信息失败！')
                }
                console.log(res);
                form.val('formUserInfo', res.data);
            }
        })
    }
    $('#btnReset').on('click', function (e) {
        e.preventDefault()
        initUserInfo()
    })
    // 监听表单的提交事件
    $('.layui-form').on('submit', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('更新用户信息失败！')
                }
                layer.msg('更新用户信息成功！')
                // 调用父页面中的方法，重新渲染用户的头像和用户的信息
                console.log(window.parent);
                //window.parent 拿到的是iframe 中的元素
                //window-->iframe
                //parent-->index页面
                //调用index.js中的方法
                window.parent.getUserInfo()
            }
        })
    })
})